// -m 主要
// -s success
// -e error
// -d danger
// -w warning
// -i info
// -d default
// 主类型名 - 子名称? - 状态? - 数字?
// [type-name]-[sub-name?]-[status?]-[number?]

:root {
    --color-m:#aaa;
    --color-s:#aaa;
    --color-e:#aaa;
    --color-d:#aaa;
    --color-w:#aaa;
    --color-i:#aaa;
    --color-d:#aaa;
    // 字体
    --color-font-m:#aaa;
    --color-font-s:#aaa;
    --color-font-e:#aaa;
    --color-font-d:#aaa;
    --color-font-w:#aaa;
    --color-font-i:#aaa;
    --color-font-d:#aaa;
    // 边框
    --color-border-m:#aaa;
    // 阴影

    // 背景
}

@mixin font($size:var(--font-m),$color:var(--color-m)){
    font-size:$size;
    color:$color;
}

